<!--出库信息-->
<template>
	<el-card>
		<el-row :gutter="20">
			<el-col :span="7" :offset="0">
				<el-input v-model="queryForm.query" placeholder="查找的订单" />
			</el-col>
			<el-button type="primary" size="default" icon="ele-Right" style="margin: 1px 0px" @click="initGetoutlist">搜索</el-button>
		</el-row>
	</el-card>
	<el-table :data="tableData" border style="width: 100%">
		<el-table-column prop="oid" label="订单号" width="180" text-align="content-center" />
		<el-table-column prop="sid" label="仓储信息号" />
		<el-table-column prop="num" label="出库数量" />
		<el-table-column prop="out_time" label="出库时间" />
		<el-table-column prop="fee" label="堆存费" />
	</el-table>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';
import { getOutload } from '/@/api/deport';
export default defineComponent({
	name: 'outload',
	setup() {
		const queryForm = ref({
			query: '',
		});
		const tableData = ref([]);
		const xdata = ref([])
		const ydata = ref([])
		const initGetoutlist = async () => {
			const res = await getOutload(queryForm.value);
			tableData.value = res.data.value;
			
		};
		initGetoutlist();
		return {
			queryForm,
			tableData,
			initGetoutlist,
			xdata,
			ydata
		};
	},
});

</script>
<style lang="scss" scoped></style>
